<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/denglu.css">
    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
</head>

<body>
    <div class="bj">
        <div style="height: 100%;width: 470px;">
            <div class="left1">
                <div class="text1">双线质量管控体</div>
                <div class="text11">力求每件产品 、 每个细节都尽善尽美</div>
            </div>
            <div class="left2"></div>
            <div class="text2">够专业才放心</div>
        </div>
        <div style="width: 420px;height:100%;">
            <div id="middle" class="middle">
                <div class="middleText">{{text}}</div>
            </div>
        </div>
        <div style="width: 550px;height:100%;">
            <div class="right" id="right">
                <div class="regihtText1">欢迎使用</div>
                    <div class="regihtText2">系统登陆</div>
                    <div class="userName">
                        <div class="userName1">用户名</div>
                        <div class="yht"></div>
                        <div class="input1">
                            <input class="input11">
                        </div>
                    </div>
                    <div class="passWord">
                        <div class="userPassWord">密码</div>
                        <span class="mmt"></span>
                        <div class="input2">
                            <input class="input22" type="text" >
                        </div>
                    </div>
                    <a href="http://127.0.0.1:5500/guanli.html">
                        <button class="register" @click="register">登陆</button>
                    </a>
                    
            </div>
        </div>
    </div>
</body>
</html>


<script>
    var app = new Vue({
        el:'#middle',
        data:{
           text:'All Rights Reserved ©2021 版权所有 ｜ 粤ICP备18069755号'
        }
    })
    var app1 = new Vue({
        el:'#right',
        data:{   

        },

        methods:{
            register(){
                console.log(register)
                
            }
        }

    })

</script>